<script setup lang="ts">
import { useGameCascader } from './useGameCascader';

defineOptions({ inheritAttrs: false });

const gameType = defineModel<string>('gameType');
const game = defineModel<string>('game');

const { gameTypeOptions, gameOptions } = useGameCascader(gameType);
</script>

<template>
  <ASelect
    v-model:value="gameType"
    class="antd-cover__Select-3d-gray" :class="[$attrs.class]"
    :options="gameTypeOptions" :placeholder="$t('gNUlZ6MozsSRyilh12y')"
    :bordered="false" allowClear size="small" :virtual="false"
  />
  <ASelect
    v-model:value="game"
    class="antd-cover__Select-3d-gray" :class="[$attrs.class]"
    :options="gameOptions" :disabled="!gameOptions?.length" :placeholder="$t('bDxvzfyiQwUvuIzYep3sN')"
    :bordered="false" allowClear size="small" :virtual="false"
  />
</template>
